<!--
  Generated template for the CommentDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
        <button ion-button (click)="dismissCLI('')">
          <img src="assets/img/back.png" width='15' height='20'>
        </button>
    </ion-buttons>
    <ion-title (tap)="happ()">评价详情</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-list class="cont" *ngFor="let commentDetail of commentDetail;">
       
        <ion-item>
          <div class="headLine">
            <ion-avatar class="touxiang">
              <img src="{{picrooturl}}{{commentDetail.user_avator}}">
            </ion-avatar>
            <div class="user">
                <span class="name" (click)="noo()">{{commentDetail.remark_name}}</span>
                <div class="star">
                  <ng-container *ngIf="isArray(commentDetail.remark_starts)">
                    <span *ngFor='let star of five;let i = index'>
                      <ng-container>
                        <img *ngIf="commentDetail.remark_starts[i]" src="/assets/img/Comment/xingxing@2x.png" alt="">
                        <img *ngIf="!commentDetail.remark_starts[i]" src="/assets/img/Comment/xingxingwei@2x.png" alt="">
                      </ng-container>
      
                    </span>
                  </ng-container>
                </div>
            </div>
          </div>  
          <span class="time">{{commentDetail.remark_time.split(' ')[0].split("-").join(".")}}</span>
        </ion-item>
    
        <ion-item class="conten">
          <p>{{commentDetail.remark_content}}</p>
            <div class="pingjiaPics">
              <div class="eachPic" *ngIf='commentDetail.remark_img_first'><imgsrc="{{picrooturl}}{{commentDetail.remark_img_first}}" style="width:30%"></div>
              <div class="eachPic" *ngIf='commentDetail.remark_img_second'><img src="{{picrooturl}}{{commentDetail.remark_img_second}}" style="width:30%;margin-left:3%;"></div>
              <div class="eachPic" *ngIf='commentDetail.remark_img_third'><img src="{{picrooturl}}{{commentDetail.remark_img_third}}" style="width:30%;margin-left:3%;"></div>
            </div>
        </ion-item>
        <div class="respond" *ngIf="commentDetail.replay_content!=''">
          <span class="blue">商家回应 :</span>
          <span class="text">&nbsp;{{commentDetail.replay_content}}</span>
        </div>
    </ion-list>
      <div class="response">
        <ion-input type="text" placeholder="回复楼主" class="answer" (ionFocus)="focusInput()" id="input"[(ngModel)]="emojitext"></ion-input>
        <img  src="/assets/img/Comment/xingxingwei@2x.png" alt="" (tap)="emoji()"  [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'bottom' || 'top' || 'left' || 'right'"(emojiPickerSelect)="handleSelection($event)">
        
      </div>  
</ion-content>
